import React, { Component } from "react";
import { NavBar } from "antd-mobile";

import "./my.scss";
import {withRouter} from "react-router-dom"
class My extends Component {

  loginClick=(params) => {
    this.props.history.push("/login")
  }
  
  render() {
    return (
      <div className="app-my">
        <NavBar className="my-con">我的</NavBar>
        {/* 登录 */}
        <div className="my-login">
          <div className="login-button" onClick={this.loginClick}>登录</div>
        </div>
        {/* 菜单选项 */}
        <div className="my-menu">
          <div className="my-menu-item">
            <i className="iconfont icon-biaoqing"></i>
            <span>待收款</span>
          </div>
          <div className="my-menu-item">
            <i className="iconfont icon-daishouhuo"></i>
            <span>待收货</span>
          </div>
          <div className="my-menu-item">
            <i className="iconfont icon-tuikuan"></i>
            <span>退货/退款</span>
          </div>
          <div className="my-menu-item">
            <i className="iconfont icon-dingdan"></i>
            <span>全部订单</span>
          </div>
        </div>
        {/* 列表选项 */}
        <div className="my-list">
          <div className="my-list-item">
            <i className="iconfont icon-kefu"></i>
            <span>联系客服</span>
            <div className="item-right">400-618-4000</div>
          </div>
          <div className="my-list-item">
            <i className="iconfont icon-yijianfankui"></i>
            <span>意见反馈</span>
          </div>
          <div className="my-list-item">
            <i className="iconfont icon-jinggao"></i>
            <span>联系客服</span>
            <div className="item-right">v4.1.1</div>
          </div>
        </div>
      </div>
    );
  }
}
export default withRouter(My)